<script setup lang="ts">
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'

onLaunch(() => {
  console.log('App Launch')
})
onShow(() => {
  console.log('App Show')
})
onHide(() => {
  console.log('App Hide')
})
</script>

<template>
</template>

<style>
@import "@/static/iconfont.css";

/* 所有页面容器 */
page {
  width: 100%;
  padding: 20rpx;
  padding-bottom: 120rpx; /* 与TabBar高度一致 */
  box-sizing: border-box; /* 确保内边距包含在总宽度内 */
}

/* 浅色渐变背景（通过伪元素实现） */
page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 渐变区域高度 */
  background: linear-gradient(
    90deg,
    rgba(255, 240, 245, 1) 0%,   /* 左浅粉 */
    rgba(220, 250, 235, 1) 100%   /* 右浅绿 */
  );
  mask: linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0) 100%  /* 向下渐变透明 */
  );
  z-index: -1;
}
</style>
